<template>
    <div>
        <!-- {{delivers}} -->
        <table border="1px" cellspacing='0px' align="center">
            <tr align="center">
                <td>用户名称</td>
                <td>商品名称</td>
                <td>订单号</td>
                <td>回单编号</td>
                <td>发货地址</td>
                <td>操作</td>
            </tr>
            <tr v-for="i in delivers" align="center">
                <td>{{i['al.name']}}</td>
                <td>{{i.name}}</td>
                <td>{{i.dorder_on}}</td>
                <td>{{i.dtransaction}}</td>
                <td>{{i.daddress}}</td>
                <td>
                    <button>发货</button>
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                delivers:[]
            }
        },
        methods: {
            getorder(){
                this.$axios.get('/delivers/').then(res=>{
                    this.delivers = res.data.list
                })
            }
        },
        mounted() {
            this.getorder()
        },
    }
</script>

<style scoped>

</style>